<template>
    <div class="resdata">
        <el-form label-width="125px">
            <el-form-item label="认证类型">
                <el-radio-group v-model="auth_type">
                    <el-radio :label="1">个人</el-radio>
                    <el-radio :label="2">企业（企业、政府、事业单位、组织）</el-radio>
                </el-radio-group>
            </el-form-item>
        </el-form>
        <div class="personal" v-if="auth_type==1">
            <Personal></Personal>
        </div>
        <div class="company" v-else>
            <Company></Company>
        </div>
    </div>
</template>

<script>
import Personal from "@/components/identity/personal";
import Company from "@/components/identity/company";

export default {
    data() {
        return {
            auth_type: 1,
        };
    },
    components: {
        Personal,
        Company,
    },
    mounted() {
        
    },
};
</script>
<style lang="scss">
.userInfo {
    h4 {
        font-size: 14px;
        font-weight: 700;
        line-height: 40px;
    }
    .resdata {
        width: 600px;
        margin: 30px auto;
    }
    .tips {
        line-height: 21px;
        font-size: 12px;
    }
    .id-card-box {
        .left{
            margin-right: 20px;
        }
        .tips {
            padding-top:30px;
        }
    }
    .avatar-position {
        position: relative;
    }
    .sample {
        position: absolute;
        top: 0;
        right: 0;
        .title {
            width: 12px;
            line-height: 21px;
            position: absolute;
            top: 40px;
            margin-left: -21px;

        }
        .pic {
            border-radius: 6px;
            overflow: hidden;
            border: 1px solid #d9d9d9;
            width: 128px;
            height: 180px;
            img{
                width: 128px;
                height: 180px;
            }
        }
    }
}
</style>
